<template>
  <div class="dashboard-container">
    <div class="app-container">
      <el-card>
        <div slot="header">在线客服</div>
        <el-form ref="form" :model="form" label-width="80px">
          <el-form-item label="是否显示">
            <el-radio-group v-model="radio">
              <el-radio :label="3">显示</el-radio>
              <el-radio :label="6">不显示</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="">
            <el-button type="primary">保存</el-button>
          </el-form-item>
        </el-form>
         <!-- 数据表 -->
          <!-- 数据表 -->
      <el-table v-loading="downloadLoading" ooltip-effect="dark" :data="list" max-height="500px" style="margin-top: 20px;" @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55" fixed />
        <el-table-column label="姓名" align="center" prop="full_name" fixed />
        <el-table-column label="电话" align="center" prop="phone" width="130" fixed />
        <el-table-column label="微信" align="center" prop="school" width="180" />
        <el-table-column label="QQ" align="center" prop="qualification">
          <template slot-scope="{row}">
            {{ row.qualification|qualificationType }}
          </template>
        </el-table-column>
        <el-table-column label="是否显示" align="center" prop="practice_sum" width="120" />
        <el-table-column label="排序" align="center" prop="com_name" width="220" />
        <el-table-column :label="$t('table.actions')" width="150" align="center" fixed="right">
          <template slot-scope="{row}">
            <el-button type="primary" icon="el-icon-edit" size="mini" :disabled="!checkPermission('Intern-show')" @click="addRole('edit',row)">查看</el-button>
          </template>
        </el-table-column>
      </el-table>
      <el-row style="margin-top: 20px;">
        <el-button type="primary" size="mini">
          新增服务
        </el-button>
      </el-row>
      </el-card>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style scoped></style>
